<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/common.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/009-vImgMiddle.css" media="all">
    <style type="text/css">
        .testWrap {
            height: 360px;
            width: 360px;
            border: 1px solid #000;
        }

    </style>
</head>
<body>
<div class="m0a wrap2">
    <h1 class="title">图片在固定容器内的垂直，水平居中</h1>
    <span class="description">
        1.标准浏览器利用:vertical-align:middle; <br>
        2.IE6/7等利用：writing-mode:改变文字流方向为从上到下，然后再结合：text-align:center完成
    </span>

    <div class="testWrap vm_ vImgMiddle">
        <span class="wmMid"><img src="http://www.baidu.com/img/baidu_sylogo1.gif" width="270" height="129"></span>
    </div>

</div>
</body>
</html>